<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>esfSaleDetail</title>
    <script src="/static/axios.min.js"></script>
    <script src="/static/vue.min.js"></script>
    <script src="/static/js/jquery-1.8.2.min.js"></script>
    <link rel="stylesheet" href="/static/css/base.css">
    <!--    <link rel="stylesheet" href="/static/css/dialog.css">-->
    <link rel="stylesheet" href="/static/css/houseDetail.css">
    <!--    <link rel="stylesheet" href="/static/css/indexcommon.css">-->
    <!--    <link rel="stylesheet" href="/static/css/other.css">-->
    <!--    <link rel="stylesheet" href="/static/css/share_style0_24.css">-->
</head>
<body>
<div id='app'>
    <div class="topbg headerTop clearfix">
        <div class="headbg">
            <div class="head detailHead clearfix">
                <h1 class="fl">
                    <a><img src="https://sh.sofang.com/image/newimage/logo.png" alt="搜房网"></a>
                </h1>
                <ul class="fl nav">
                    <li>
                        <a href="/system/house/">首页</a>
                    </li>
                    <li>
                        <a href="/system/house/esfSale" class="">二手房出售</a>
                    </li>
                    <li>
                        <a href="/system/house/esfRent" class="">二手房出租</a>
                    </li>
                    <li>
                        <a href="/system/house/xzlRent" class="">写字楼出售</a>
                    </li>
                    <li>
                        <a href="/system/house/xzlSale" class="default">写字楼出租</a>
                    </li>
                    <li>
                        <a href="/system/house/spSale" class="">商铺出售</a>
                    </li>
                    <li>
                        <a href="/system/house/spRent" class="">商铺出租</a>
                    </li>
                    <li>
                        <a href="/system/house/goJisuanqi" class="">房贷计算器</a>
                    </li>
                </ul>
                <ul class="fr top_r">
                    <li class="logintip user">
                        <a target="_blank">登录/注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <br>
    <div class="detail">
        <div class="detail_title">
            <dl>
                <dd class="house_title fl">
                    <p class="house_name">[[${detail.houseName}]]</p>
                    <p class="house_tge">
                    </p>
                </dd>
                <dd class="house_show fr">
                    <p class="show fx">
                        <a class="icon4 ">
                        <span class="focus" value="2021070000001666,2,3,0">
                            <span>关注</span><i></i>
                        </span>
                        </a>
                    </p>
                </dd>
            </dl>
            <dl style="margin-top: 15px"></dl>
        </div>
        <div class="house_info">
            <div class="info_l">
                <div class="detail_context_pic">
                    <div class="detail_context_pic_top">
                        <img th:src="${detail.houseImg}" alt=""
                             id="pic1" curindex="0" class="showpic">
                    </div>
                </div>
            </div>
            <div class="info_r">
                <!--二手房出售出租s-->
                <dl class="price">
                    <dt>
                        <p class="total">[[${detail.rentPrice}]]<span>元/㎡▪天</span></p>
                        <p class="averages">[[${detail.rentPrice * 30 * detail.area}]]元/㎡</p>
                    </dt>
                    <dd><a href="/cal3" target="_blank"></a></dd>
                </dl>
                <ul class="msg">
                    <li>
                        <label>建筑面积：</label>
                        <span>[[${detail.area}]]㎡</span>
                    </li>
                    <li>
                        <label>支付方式：</label>
                        <span>[[${detail.payType}]]</span>
                    </li>
                    <li>
                        <label>物业费：</label>
                        <span>[[${detail.propertyPrice}]]元/㎡▪月</span>
                    </li>
                    <li>
                        <label>所在楼层：</label>
                        <span>[[${detail.atFloor}]]/[[${detail.totalFloor}]]层</span>
                    </li>
                    <li>
                        <label>物业类型：</label>
                        <span>[[${detail.property}]]</span>
                    </li>
                    <li>
                        <label>装修状况：</label>
                        <span>[[${detail.fitment}]]</span>
                    </li>
                    <li class="no_float">
                        <label>工位数量：</label>
                        <span>[[${detail.station}]]</span>
                    </li>
                    <li class="no_float">
                        <label>楼盘名称：</label>
                        <a class="colorR" href="https://sh.sofang.com/esfindex/84226/201.html" target="_blank" title="">[[${detail.houseName}]]</a>
                    </li>
                    <li class="no_float">
                        <label>所属区域：</label>
<!--                        <span class="sq">-->
<!--                                            [徐汇-徐家汇]-->
<!--                                        </span>-->
                        <span class="address" title="">
                                     [[${detail.address}]]
                                </span>
                        <a href="https://sh.sofang.com/map/rent/office?communityId=84226&amp;longitude=121.446982&amp;latitude=31.199362" target="_blank">
                            <i class="map_icon"></i>
                        </a>
                    </li>
                    <div class="broker_info  row3 ">
                        <dl>
                            <dt class="fl"><img th:src="${detail.idCardImg}" width="90" height="120" style="margin-top: 10px;"></dt>
                            <dd class="fl">
                                <p class="p1">
                                    [[${detail.releaser}]]
                                    <span class="info-card-verify" style="font-size: 14px; font-weight: normal; color:#888; cursor: pointer;" data-self="">
                                <img src="/static/esfSaleJs/renzheng.png" title="身份认证" style="margin: 0px 10px 0px 10px;">信息卡认证
                            </span>
                                    <span class="info-card-verify" style="padding-left: 50px;font-size: 14px; font-weight: normal; color:#888; cursor: pointer;" data-self="https://img5.sofang.com/user/idcard/2018_11/18/095544_1542506144_4ZH0.jpg">
                                营业执照
                            </span>
                                </p>
                                <p class="p2">
                                    [[${detail.phone}]]
                                </p>
                                <p class="p3" style="font-size:16px; color:#888; font-weight: normal; cursor:pointer; " data-self="">
                                    空你几哇，我是[[${detail.releaser}]]
                                </p>
                            </dd>
                        </dl>
                        <a class="btn" href="https://sh.sofang.com/brokerinfo/3302575.html" target="_blank">进入我的店铺</a>
                    </div>
                </ul>
            </div>
        </div>
    </div>
    <div class="detail2">
        <div class="box">
            <h2><span class="box_title">房源描述</span></h2>
            <div class="depict">
                [[${detail.selfComment}]]
            </div>
        </div>
    </div>
    <div class="detail2">
        <div class="box">
            <h2><span class="box_title">楼盘位置</span></h2>
            <div class="map">
                <!--   地图位置   -->
            </div>
        </div>
    </div>
</div>
<script>

</script>
</body>
</html>
